<template>
    <div class="datale">
            <div class="borebon">
              <ul>
                <span>订单管理</span>
                <li><router-link to="/co11">我的订单</router-link>   </li>
                <li><router-link to="/co12">地址管理</router-link></li>
                <li><router-link to="/co13"> 售后维权</router-link> </li>
              </ul>
            </div>
            <div class="borebon">
              <ul>
                <span>我的活动</span>
                <li><router-link to="/co21">申请中的体验活动  </router-link>  </li>
                <li><router-link to="/co22">申请成功的体验活动</router-link></li>
                <li><router-link to="/co23">参与中的竞猜活动 </router-link></li>
                <li><router-link to="/co24">中奖的竞猜活动</router-link></li>
                <li class="dawofe"><router-link to="/co25">体验报告管理</router-link></li>
              </ul>
            </div>
            <div class="borebon">
              <ul>
                <span>我的账户</span>
                <li><router-link to="/co51">我的钱包  </router-link>  </li>
                <li class="jifen"><router-link to="/co52">我的积分 </router-link></li>
                <li><router-link to="/co53">我的足迹</router-link></li>
                <li><router-link to="/co54">帮助中心</router-link></li>
              </ul>
            </div>
            <!-- <div class="borebon sonh_g">
              <ul>
                <span>我的账户</span>
                <li><router-link to="/co31">我的资料</router-link></li>
                <li><router-link to="/co32">安全设置</router-link></li>
                <li><router-link to="/co33">个人成长信息</router-link></li>
                <li><router-link to="/co34">个人交易信息</router-link></li>
              </ul>
            </div> -->
            <div class="borebon">
              <ul>
                <span>我的消息</span>
                <li><router-link to="/co41">系统消息</router-link></li>
                <li><router-link to="/co42">商家消息</router-link></li>
              </ul>
            </div>

          </div>
</template>
<script>
export default {
    
}
</script>
<style scoped>
.datale .router-link-exact-active {
  color: #ff9381;
}
.datale a:hover{
  color: #ff9381;
}
.datale {
  width: 216px;
	background-color: #ffffff;
	border-radius: 6px;
}   
.borebon {
  border-bottom: 12px solid #eee;
}
.borebon ul{
  display: inline-block;
  margin-left: 20px;
  
}
.borebon ul span{
  font-size: 24px;
	font-weight: 550;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
	color: #313131;
  display: block;
  margin-top: 10px;
  margin-bottom: 15px;
}
.borebon ul li {
      width: 146px;
    line-height: 34px;
    font-size: 15px
}
.ontoi .datale .sonh_g li{
  width: 120px;
}  
</style>